Forms, Element - Radio Button

Use

Radio buttons are the little circles that are clicked in forms. They are best utilized when you want to make the user make one selection only from a multitude of choices. c.f. Check Boxes. (See discussion and background for more details).

Properties

ATTRIBUTE	REQUIRED?	DESCRIPTION
NAME=" "	Required	As the visitor can only select one choice from a group of radio buttons, all radio buttons in the same group must have the same Name. (See example below).
VALUE=" "	Required	The text that will be returned to you when the user selects a choice. Clearly this text should be different for every radio button.
CHECKED	Optional	Checks one of the radio buttons by default.

Example

Have you read any books by Jonathan Dee? <BR>

<INPUT TYPE="radio" NAME="Read_Dee" VALUE="Yes">Yes<br>

<INPUT TYPE="radio" NAME="Read_Dee" VALUE="No">No<br>

<br>

Would you recognize the 'yellow sign'? <BR>

<INPUT TYPE="radio" NAME="seen_yellow_sign" VALUE="Yes">Yes<br>

<INPUT TYPE="radio" NAME="seen_yellow_sign" VALUE="No" CHECKED>No<br>

Have you read any books by Jonathan Dee?
Yes
No

Would you recognize the 'yellow sign'?
Yes
No

 

NOTE

For this example to work it must be inside form tags (<FORM .. ..> .. .. </FORM>). The entire form code, including all the examples, is ready for you to use.